<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        友情管理
        <span class="c-gray en">&gt;</span>
        友情列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a> </nav>
    <div class="Hui-article">
        <article class="cl pd-20">

            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="l"> <a href="javascript:;" onClick="friends_datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" data-title="添加分类" href="{:url('friends/add')}"><i class="Hui-iconfont">&#xe600;</i> 添加分类</a></span>
                <span class="r">共有数据：<strong>54</strong> 条</span>
            </div>
            <table class="table table-border table-bordered table-bg table-sort">
                <thead>
                <tr>
                    <th scope="col" colspan="9">友情列表</th>
                </tr>
                <tr class="text-c">
                    <th width="25">
                    <input type="checkbox" name="" value=""></th>
                    <th width="40">ID</th>
                    <th width="150">标题</th>
                    <th width="90">路径</th>
                    <th width="25">待审核</th>
                    <th width="25">状态</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                <tbody>
                {foreach name="data" item="value"}
                <tr class="text-c">
                    <td><input type="checkbox" value="{$value['id']}" name="checkid" ></td>
                    <td>{$b++}</td>
                    <td>{$value['friends_name']}</td>
                    <td>{$value['friends_path']}</td>
                   <!-- <td>{$value['friends_status']=='0'?"禁用": "显示"}</td>-->
                    <td>{switch name=$value['friends_sta']}
                        {case value="0"}禁用{/case}
                        {case value="1"}待审核{/case}
                        {case value="2"}未通过{/case}
                        {case value="3"}通过{/case}
                        {default /}default
                       {/switch}
                    </td>
                    <td class="td-status">
                        {if $value['friends_status']=='1'}
                        <span class="label label-success radius">显示</span></td>
                    <td class="td-manage"><a style="text-decoration:none" onClick="friends_stop(this,'{$value[\'id\']}')" href="javascript:;" title="隐藏"><i class="Hui-iconfont">&#xe631;</i></a>
                        {else $value['friends_status']=='0'}

                        <span class="label label-default radius">隐藏</span></td>
                    <td class="td-manage"><a onClick="friends_start(this,'{$value[\'id\']}')" href="javascript:;" title="显示" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>
                        {/if}
                    <!--<td class="td-manage"><i class="Hui-iconfont">&#xe631;</i></a>--> <a title="编辑" href="edit/id/{$value.id}"  class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="delete/id/{$value.id}" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                </tr>
                {/foreach}
                </tbody>
            </table>
        </article>
    </div>
</section>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [[ 0, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,1,2,3,4]}// 不参与排序的列
        ]
    });
    /*
     参数解释：
     title	标题
     url		请求的url
     id		需要操作的数据id
     w		弹出层宽度（缺省调默认值）
     h		弹出层高度（缺省调默认值）
     */

    /*管理员-删除*/
    function admin_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "delete",//服务器端页面
                'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 1){
                            $(obj).parents("tr").remove();
                            layer.msg('已删除!', {icon: 1, time: 1000});
                        }else{
                            layer.msg('删除失败，请稍候重试!', {icon: 2, time: 1000});
                        }
                    },
                error:
                    function () {
                    }
            });
        })
    }

    /*管理员-停用*/
    function friends_start(obj,id) {
        layer.confirm('确认要显示吗？', function (index) {
            //请求控制器进行状态的变更
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "{:url('friends/start')}",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success: function (data) {
                    if(data.status==1){
                        $(obj).parents("tr").find(".td-manage").prepend('<a onClick="friends_stop(this,'+data.id+')" href="javascript:;" title="隐藏" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">显示</span></td>');
                        $(obj).remove();
                        layer.msg(data.msg, {icon: 6, time: 1000});
                    }else{
                        layer.msg(data.msg, {icon: 5, time: 1000});
                    }


                },
                //Ajax 发送失败
                error: function (data) {
                    layer.msg(data.msg, {icon: 5, time: 1000});
                }
            })
            //此处请求后台程序，下方是成功后的前台处理……
        });
    }

    /*管理员-启用*/
    function friends_stop(obj,id){
        layer.confirm('确认要隐藏吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                'type':'post',//请求的方式
                'data':{'id':id},//附加参数
                'async':true,//异步操作
                'url':"{:url('friends/stop')}",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                    if(data.status==1){
                        $(obj).parents("tr").find(".td-manage").prepend('<a onClick="friends_start(this,'+data.id+')" href="javascript:;" title="显示" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">隐藏</span></td>');
                        $(obj).remove();
                        layer.msg(data.msg, {icon: 5,time:1000});
                    }else{
                        layer.msg(data.msg, {icon: 5,time:1000});
                    }

                    },
                //Ajax 发送失败
                error:
                    function(data){
                        layer.msg(data.msg, {icon: 5,time:1000});
                    }
            });

        });
    }
    //批量删除
    function  friends_datadel() {
       var checknum = $("input[name='checkid']:checked").length;
       if(checknum==0){
           layer.msg("请至少选择一个!");
           return;
       }
        layer.confirm('你确定要删除吗?', function (index) {
               var friends=new Array();
                $("input[name='checkid']:checked").each(function(){
                    friends.push($(this).val());
                });
                var check=$("input[name='checkid']:checked");
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'ids': friends.toString()},//附加参数
                'async': true,//异步操作
                'url': "{:url('friends/datadel')}",//服务器端页面
                'dataType': "json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 1){
                            check.parents("tr").remove();
                            layer.msg(data.msg, {icon: 1, time: 1000});
                        }else{
                            layer.msg(data.msg, {icon: 2, time: 1000});
                            location.reload(); //刷新父页面
                        }
                    },
                error:
                    function () {
                    }
            });
        })
    }

</script>
<!--/请在上方写此页面业务相关的脚本-->


